function searchFood(){
    let param = document.getElementById("KeyWords").value;
    alert(param);
}

function  showFoodType(div){
    //div是触发点击事件的层
    let elements = div.getElementsByTagName("p");     //找到该div下的所有p标签
    let p = elements[0];
    // alert(p.innerText);
    //跳转到对应页面
    window.location.href = 'businessList.html';
}

function toBusiness(){
    window.location.href = 'businessInfo.html';
}

function toOrder(){
    window.location.href = 'myOrder.html';
}

function toLogin(){
    window.location.href = 'login.html';
}

// 页面加载时我要初始化设置
window.onload = function(){
    //设置的第一步：页面滚动时执行下面的函数（将函数和页面滚动条连接）
    document.onscroll = function(){
        //兼容PC端和移动端的差异
        let s1 = document.documentElement.scrollTop;    //PC端使用的属性，滚动条的顶端
        let s2 = document.body.scrollTop;               //移动端使用的属性，滚动条的顶端
        let scroll = s1 === 0 ? s2 : s1;

        let search = document.getElementById("fixedSearchBox");

        //js中不能直接使用单位vw，所以需要获取视口宽度
        let width = document.documentElement.clientWidth;

        if (scroll >= 0.12*width){
            //滚动条到指定位置时，更改css为固定
            search.style.position = 'fixed';
            search.style.top = '0';
            search.style.left = '0';
        }else {
            search.style.position = 'static';   //还原
        }
    }
}

